<template>
  <div>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="(item,index) in arr" :key="index"><img :src="item"></van-swipe-item>
    </van-swipe>
    <p>打开优酷 APP ，流畅到起飞</p>
  </div>
</template>
<script>
export default {
  name: "Swipe",
  data(){
      return {
          arr:[
              "//liangcang-material.alicdn.com/prod/upload/f18fddacd2e24c069296be3914195594.jpg?x-oss-process=image/resize,w_320/format,webp/interlace,1",
              "//liangcang-material.alicdn.com/prod/upload/9d7e02138223471ab941f29b9ada7277.jpg?x-oss-process=image/resize,w_320/format,webp/interlace,1",
              "//liangcang-material.alicdn.com/prod/upload/02b21a3688fc49fb9a3e8fdcd11afb4c.jpg?x-oss-process=image/resize,w_320/format,webp/interlace,1",
              "//liangcang-material.alicdn.com/prod/upload/2eb91060ff1c472181c5ed315c851c6c.jpg?x-oss-process=image/resize,w_320/format,webp/interlace,1",
              "//liangcang-material.alicdn.com/prod/upload/dbd41eedcb27407bb02a4737ddedc421.jpg?x-oss-process=image/resize,w_320/format,webp/interlace,1",
              "//liangcang-material.alicdn.com/prod/upload/a74f7863c6b04c58b0ee66d0c3ce8f46.jpg?x-oss-process=image/resize,w_320/format,webp/interlace,1",
              "//liangcang-material.alicdn.com/prod/upload/61ccb75203b042d6a306d56dcdf0d4e1.webp.png?x-oss-process=image/resize,w_320/format,webp/interlace,1"
          ]
      }
  }
};
</script>
<style scoped>
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  background-color: #39a9ed;
}
.my-swipe .van-swipe-item>img{
    width: 100%;
}
p{
    width: 7.1rem;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    margin-top: .4rem;
    margin-left: .2rem;
    background: #39a9ed;
    color: #fff;
}
</style>